<!--<div ng-include="'app/business/personalcenterhead/views/oneself.html'"></div>-->
<div class="f-nav-detail">
    <detail-nav ></detail-nav>
</div>
<person-center ng-if="routerToStateName != 'resume.myResumePreview'"  conf-onself="true"></person-center>
<div class="center-nav" ng-if="routerToStateName != 'resume.myResumePreview'" >
    <div class="center-nav-container clearfix">
        <p class="center-nav-left">
            <a ng-bind="i18n.resume.resumeManagement"></a>
        </p>
        <p class="center-nav-right">
            <a ng-bind="i18n.resume.myAccount" ng-click="goToPage('myaccount')"></a>
            <a ng-bind="i18n.resume.myEng"  ng-click="goToPage('myMainPage')"></a>
            <a  ng-bind="i18n.resume.personCenter" ng-click="goToPage('homepage')"></a>
            <a ng-bind="i18n.resume.myBlog" ng-click="goToPage('bloglist')"></a>
        </p>
    </div>
</div>
<div class="f-mine-center">
    <div class="f-mine-center-container clearfix">
        <div class="left" ng-if="isMyResume">
            <ul>
                <!--<li><a ng-bind="i18n.homePage" ></a></li>-->
                <li ng-repeat="item in leftNav " ng-class="{true:'checked',false:'noChecked'}[routerToStateName == item.state]" ><a ng-bind="item.title" ng-click="changeView(item,$index)"></a></li>
            </ul>
        </div>
        <div ui-view></div>
    </div>
</div>
<div ng-include="'app/business/common/footer.html'"></div>
<style>
    .border-bottom{
        border-bottom: 1px solid #E1DEDA;
    }
    .center-nav{
        width:100%;
        height:50px;
        background: #fff;
    }
    .center-nav-container{
        width:1200px;
        margin:0 auto;
        height:50px;
    }
    .center-nav-container  .center-nav-left{
        float:left;
    }
    .center-nav-container  .center-nav-right{
        float:right;
    }
    .center-nav-container  .center-nav-left a,.center-nav-container  .center-nav-right a{
        display: block;
        font-size: 16px;
        line-height: 50px;
        margin-right: 40px;
        /*font-weight: bold;*/
    }
    .center-nav-container  .center-nav-right a{
        float:left;

    }
    .center-nav-container  .center-nav-right a:hover{
        border-bottom: 2px solid #00AAFE;
        color:#00AAFE;
    }
    .center-nav-right a:hover{
        border-bottom: 2px solid #00AAFE;
        color:#00AAFE;
    }
    .center-nav-left a{
        border-bottom: 2px solid #00AAFE;
        color:#00AAFE;
    }

    /*center */
    .f-mine-center {
        width:100%;
        padding-top:20px;
        padding-bottom:50px;
        background:#F5F5F3;
    }

    .f-mine-center-container{
        width:1200px;
        margin:0 auto;
        min-height:435px;
    }
    .f-mine-center-container .left{
        width:202px;
        background:#fff;
    }
    .f-mine-center-container .noChecked{
        height:50px;
        background:#fff;
    }
    .f-mine-center-container .left ul li a{
        display: block;
        line-height: 50px;
        font-size:14px;
        padding-left:30px;
    }

    .f-mine-center-container .left ul li.checked{

        background: #F5F5F3;
        text-decoration: underline;
    }
    .f-mine-center-container .left ul li.checked>a{
        color:#00AAFE;
    }
    .left{
        float:left;
    }
    .left ul {
        border:1px solid #ddd;
    }





</style>